﻿{% load static from staticfiles %}
{% load mytags %}
<!DOCTYPE HTML>
<html xmlns:wb="http://open.weibo.com/wb">
<head>
    <script id="allmobilize" charset="utf-8" src="{% static 'jobsearch/js/allmobilize.min.js' %}"></script>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <link rel="alternate" media="handheld"/>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>兄弟连python03期7组制作-最专业的互联网招聘平台</title>
    <link rel="stylesheet" type="text/css" href="{% static 'jobsearch/css/style.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'jobsearch/css/external.min.css' %}"/>
    <link rel="stylesheet" type="text/css" href="{% static 'jobsearch/css/popup.css' %}"/>
    <script src="{% static 'jobsearch/js/jquery.1.10.1.min.js' %}" type="text/javascript"></script>
    <script type="text/javascript" src="{% static 'jobsearch/js/jquery.lib.min.js' %}"></script>
</head>
<body>
<div id="body">
 {% include "jobsearch/header.html" %}
    <div id="container">

        {% include "jobsearch/left-menu.html" %}

        <div class="content">
            <div id="search_box">
                <form id="searchForm" name="searchForm" action="/" method="get">
                    <ul id="searchType">
                        {% if request.GET.spc == "1" %}
                            <li data-searchtype="1" class="type_selected">职位</li>
                            <li data-searchtype="4">公司</li>
                        {% else %}
                            <li data-searchtype="1">职位</li>
                            <li data-searchtype="4" class="type_selected">公司</li>
                        {% endif %}
                    </ul>
                    <div class="searchtype_arrow"></div>
                    <input type="text" id="search_input" name="kd" tabindex="1" value="{{ request.GET.kd.strip }}"
                           placeholder="请输入职位名称，如：产品经理"/>

                    <input type="hidden" name="spc" id="spcInput" value="{{ request.GET.spc.strip }}"/>{#职位 公司#}
                    {% for key,lists in left.items %}
                        <input type="hidden" name="filter_{{ key|getTitle:1 }}" id="filter_{{ key|getTitle:1 }}"
                               value="{{ request|getFilterValue:key }}"/>
                    {% endfor %}
                    {#                    <input type="hidden" name="workAddress" id="workAddress" value=""/> {#工作地点#}
                    <input type="hidden" name="filter_1001" id="filter_1001"
                           value="{{ request.GET.filter_1001.strip }}"/>{#发布时间#}
                    <input type="hidden" name="filter_1000" id="filter_1000"
                           value="{{ request.GET.filter_1000.strip }}"/>{#工作经验#}
                    <input type="hidden" name="filter_999" id="filter_999"
                           value="{{ request.GET.filter_999.strip }}"/>{#月薪范围#}

                    <input type="hidden" name="city" id="cityInput" value="{{ request.GET.city.strip }}"/>{# 全国 #}


                    {#城市#}
{#                    <input type="hidden" name="hot" id="hot" value="{{ request.GET.hot.strip }}"/> {#热#}
                    <input type="submit" id="search_button" value="搜索"/>
                </form>
            </div>
            <style>
                .ui-autocomplete {
                    width: 488px;
                    background: #fafafa !important;
                    position: relative;
                    z-index: 10;
                    border: 2px solid #91cebe;
                }

                .ui-autocomplete-category {
                    font-size: 16px;
                    color: #999;
                    width: 50px;
                    position: absolute;
                    z-index: 11;
                    right: 0px; /*top: 6px; */
                    text-align: center;
                    border-top: 1px dashed #e5e5e5;
                    padding: 5px 0;
                }

                .ui-menu-item {
                    *width: 439px;
                    vertical-align: middle;
                    position: relative;
                    margin: 0px;
                    margin-right: 50px !important;
                    background: #fff;
                    border-right: 1px dashed #ededed;
                }

                .ui-menu-item a {
                    display: block;
                    overflow: hidden;
                }

                div.filter {
                    color: #fff;
                    background: #91cebe;
                }

                #box_expectCity dd span.city {
                    background-color: #91cebe;
                    color: #fff;
                    cursor: pointer;
                }

                dl.hotSearch a.click {
                    background-color: #91cebe;
                    color: #fff;
                    cursor: pointer;
                }

                dl.hotSearch a:hover {
                    background-color: #91cebe;
                    color: #fff;
                    cursor: pointer;
                }
            </style>
            {#                        <script type="text/javascript" src="{% static 'jobsearch/js/search.min.js' %}"></script>#}
            <dl class="hotSearch">
                <dt>热门搜索：</dt>
                <dd><a href="javascript:;" title="NET">NET</a></dd>
                <dd><a href="javascript:;" title="Android">Android</a></dd>
                <dd><a href="javascript:;" title="iOS">iOS</a></dd>
                <dd><a href="javascript:;" title="PHP">PHP</a></dd>
                <dd><a href="javascript:;" title="前端">前端</a></dd>
                <dd><a href="javascript:;" title="产品经理">产品经理</a></dd>
                <dd><a href="javascript:;" title="UI">UI</a></dd>
                <dd><a href="javascript:;" title="运营">运营</a></dd>
                <dd><a href="javascript:;" title="BD">BD</a></dd>
            </dl>
            <div class="breakline"></div>
            <dl class="workplace" id="workplaceSelect">
                <dt class="fl">工作地点：</dt>
                <dd>
                    {% if request.GET.city == "全国" %}
                        <a title="全国" href="javascript:;" class="current">全国</a>
                    {% else %}
                        <a title="全国" href="javascript:;">全国</a>
                    {% endif %}
                    |
                </dd>
                <dd>
                    <a title="北京" href="javascript:;">北京</a>
                    |
                </dd>
                <dd>
                    <a title="上海" href="javascript:;">上海</a>
                    |
                </dd>
                <dd>
                    <a title="广州" href="javascript:;">广州</a>
                    |
                </dd>
                <dd>
                    <a title="深圳" href="javascript:;">深圳</a>
                    |
                </dd>
                <dd>
                    <a title="成都" href="javascript:;">成都</a>
                    |
                </dd>
                <dd>
                    <a title="杭州" href="javascript:;">杭州</a>
                    |
                </dd>
                <dd>
                    <a title="武汉" href="javascript:;">武汉</a>
                    |
                </dd>
                <dd>
                    <a title="南京" href="javascript:;">南京</a>
                    |
                </dd>
                <dd class="more">
                    <a href="javascript:;">其他</a>
                    <div class="triangle citymore_arrow"></div>
                </dd>
                <dd id="box_expectCity" class="searchlist_expectCity dn">
                    <span class="bot"></span>
                    <span class="top"></span>
                    <dl>
                        <dt>ABCDEF</dt>
                        <dd>
                            <span title="北京">北京</span>
                            <span title="长春">长春</span>
                            <span title="成都">成都</span>
                            <span title="重庆">重庆</span>
                            <span title="长沙">长沙</span>
                            <span title="常州">常州</span>
                            <span title="东莞">东莞</span>
                            <span title="大连">大连</span>
                            <span title="佛山">佛山</span>
                            <span title="福州">福州</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>GHIJ</dt>
                        <dd>
                            <span title="贵阳">贵阳</span>
                            <span title="广州">广州</span>
                            <span title="哈尔滨">哈尔滨</span>
                            <span title="合肥">合肥</span>
                            <span title="海口">海口</span>
                            <span title="杭州">杭州</span>
                            <span title="惠州">惠州</span>
                            <span title="金华">金华</span>
                            <span title="济南">济南</span>
                            <span title="嘉兴">嘉兴</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>KLMN</dt>
                        <dd>
                            <span title="昆明">昆明</span>
                            <span title="廊坊">廊坊</span>
                            <span title="宁波">宁波</span>
                            <span title="南昌">南昌</span>
                            <span title="南京">南京</span>
                            <span title="南宁">南宁</span>
                            <span title="南通">南通</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>OPQR</dt>
                        <dd>
                            <span title="青岛">青岛</span>
                            <span title="泉州">泉州</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>STUV</dt>
                        <dd>
                            <span title="上海">上海</span>
                            <span title="石家庄">石家庄</span>
                            <span title="绍兴">绍兴</span>
                            <span title="沈阳">沈阳</span>
                            <span title="深圳">深圳</span>
                            <span title="苏州">苏州</span>
                            <span title="天津">天津</span>
                            <span title="太原">太原</span>
                            <span title="台州">台州</span>
                        </dd>
                    </dl>
                    <dl>
                        <dt>WXYZ</dt>
                        <dd>
                            <span title="武汉">武汉</span>
                            <span title="无锡">无锡</span>
                            <span title="温州">温州</span>
                            <span title="西安">西安</span>
                            <span title="厦门">厦门</span>
                            <span title="烟台">烟台</span>
                            <span title="珠海">珠海</span>
                            <span title="中山">中山</span>
                            <span title="郑州">郑州</span>
                        </dd>
                    </dl>
                </dd>
            </dl>

            <ul class="hot_pos reset">
                {% for obj in jobList %}
                    {% if forloop.counter|divisibleby:'2' %}
                        <li class="odd clearfix" id="li_{{ obj.id }}">
                            {% else %}
                        <li class="clearfix" id="li_{{ obj.id }}">
                    {% endif %}
                <div class="hot_pos_l">
                    <div class="mb10">
                        <a href="{{ obj.url }}" title="{{ obj.job_name }}"
                           target="_blank">{{ obj.job_name }}</a>
                        &nbsp;
                        <span class="c9" title="{{ obj.address }}">
                            [{% substring obj.address 0 2 %}]</span>
                    </div>
                    <span><em class="c7">薪酬：</em>
                        {% if obj.money_type == -1 %}
                            面议
                        {% else %}
                            {% if obj.money_e != -1 %}
                                {{ obj.money_s|getMoneyFormat:0 }}-{{ obj.money_e|getMoneyFormat }}
                            {% else %}
                                {{ obj.money_s|getMoneyFormat }}
                            {% endif %}
                            /{{ obj.money_type|getMoneyType }}
                        {% endif %}
                                </span>
                    {#                                <span><em class="c7">月薪：</em>10k-20k</span>#}

                    <span><em class="c7">经验：</em>
                        {% if obj.work_age_s == -1 and obj.work_age_e == -1 %}
                            不限
                        {% else %}
                            {% if obj.work_age_s != -1 %}{{ obj.work_age_s }}{% endif %}{% if obj.work_age_e != -1 %}-
                                {{ obj.work_age_e }}{% endif %}年
                        {% endif %}

                                </span>
                    {#                                <span><em class="c7">经验：</em> 3-5年</span>#}
                    {#                                <span><em class="c7">学历要求： </em>本科</span>#}
                    <span><em class="c7">学历要求： </em>
                                  {{ obj.degree_type|getDegreeType }}
                                  </span>
                    <br/>
                    {#                                <span><em class="c7">职位诱惑：</em>借移动医疗大势享受坐直升飞机的职场发展</span>#}
                    <span><em class="c7">公司名称：</em>{{ obj.company }}</span>
                    <br/>
                    <span><em class="c7">公司地址：</em>{{ obj.address }}</span>
                    <br/>
                    <span class="c7">发布日期：{{ obj.pub_time|pubTimeFormat }}发布</span>
                </div>
                <div class="hot_pos_r">
                    <div class="apply">
                        <a href="{{ obj.url }}" target="_blank">投个简历</a>
                    </div>
                    <div class="mb10"><a href="{{ obj.url }}" title="{{ obj.company }}"
                                         target="_blank">{{ obj.company }}</a></div>
                    {#                                <span><em class="c7">领域： </em>移动互联网 ,健康医疗</span>#}
                    <span><em class="c7">领域： </em>{{ obj.industry_desc }}</span>
                    {#                                <span><em class="c7">创始人：</em> Lu</span>#}
                    <span><em class="c7">企业性质：</em> {{ obj.company_type|getCompanyType }}</span>
                    <br/>
                    <span><em class="c7">来源： </em>{{ obj.o|getCrawlFrom }}</span>
                    {#                                <span><em class="c7">规模： </em>15-50人</span>#}
                    {% if obj.company_size_s != -1 or obj.company_size_e != -1 %}
                        <span><em class="c7">规模： </em>{% getCompanySize obj.company_size_s obj.company_size_e %}</span>
                    {% endif %}

                    {% benefit obj.benefit %}

                </div>
                </li>

                {% endfor %}
            </ul>
            <div class="Pagination"></div>
        </div>

        <script>
            {% if conditions %}
                var kws ={{ conditions|safe }};
            {% else %}
                var kws = {};
            {% endif %}
            for (var key in kws) {
                if (key.indexOf("filter") > -1) {
                    $("dl." + key + " div[class1=" + kws[key] + "]").addClass("filter")
                }
                if (key == "city") {
                    if (kws[key] == "") {
                        $(".workplace dd").not('.more').children('[title="全国"]').addClass("current")

                    } else {
                        var $list = $(".workplace dd").not('.more').children('a')
                        $list.removeClass("current")
                        $list.filter("[title='" + kws[key] + "']").addClass("current")
                        $("#box_expectCity dd span[title='" + kws[key] + "']").addClass("city")
                    }
                }
                if (key == "hot" && kws[key] != "") {
                    $("dl.hotSearch a[title='" + kws[key] + "']").addClass("click")
                }
            }

            $(function () {
                $("ul#searchType").hover(function () {
                    $("div.searchtype_arrow").addClass("transform")
                    $(this).children("li:not('.type_selected')").show()
                }, function () {
                    $("div.searchtype_arrow").removeClass("transform")
                    $(this).children("li:not('.type_selected')").hide()
                });
                $("ul#searchType li").click(function () {
                    $(this).addClass("type_selected").siblings().removeClass("type_selected")
                    $("#spcInput").val($(this).attr("data-searchtype"))
                })
                /***************************
                 * 分页
                 */
                $('.Pagination').pager({
                    currPage: {{ pindex }},
                    pageNOName: "pindex",
                    form: "searchForm",
                    pageCount: {{ page|length }},
                    pageSize: 12
                });
                //工作地点
                $(".workplace dd").not('.more').children('a').click(function () {
                    var c = $(this).prop("class")
                    var v = $(this).html()
                    if (c == "current") {
                        v = ""
                    }
                    editForm("cityInput", v);
                });
                //其他工作地点
                $("#box_expectCity dd span").click(function () {
                    var c = $(this).prop("city")
                    var v = $(this).html()
                    if (c == "current") {
                        v = ""
                    }
                    editForm("cityInput", v);
                });

                //左侧筛选
                $('#options dd div').click(function () {
                    var name = $(this).parents('dl').prop("class");
                    var v = $(this).attr("class1");
                    var c = $(this).prop("class")
                    if (c == "filter") {
                        v = ""
                    }
                    editForm(name, v);
                });
                //热度查询
                $("dl.hotSearch a").click(function () {
                    $("#spcInput").val("1")
                    var v = $.trim($(this).text());
                    var c = $(this).prop("class")
                    if (c == "click") {
                        v = ""
                    }
                    $("#search_input").val(v)
                    editForm("kd", v);
                });

            });

            function editForm(inputId, inputValue) {
                $("#" + inputId).val(inputValue);
                $('#searchForm').submit()
            }
        </script>

        <div class="clear"></div>
        <input type="hidden" id="resubmitToken" value=""/>
        <a id="backtop" title="回到顶部" rel="nofollow"></a>
    </div>
</div>

{% include "jobsearch/footer.html" %}
<script type="text/javascript" src="{% static 'jobsearch/js/core.min.js' %}"></script>
<script type="text/javascript" src="{% static 'jobsearch/js/popup.min.js' %}"></script>
</body>
</html>